<template>
  <van-sticky :offset-top="50">
    <ul>
      <router-link to="/film/nowplaying" tag="li" active-class="active"><span>正在热映</span></router-link>
      <router-link to="/film/comingsoon" tag="li" active-class="active"><span>即将上映</span></router-link>
    </ul>
  </van-sticky>
</template>

<script>
export default {
  name: 'FilmHeader'
}
</script>

<style scoped>
ul {
  display: flex;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #ededed;
}
ul li {
  flex: 1;
}
.active span {
  display: inline-block;
  color: #ff5f16;
  border-bottom: .03rem solid #ff5f16;
}
</style>